<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <style>
        /*找到html标签、body标签，和挂载的标签 都给他们统一设置样式*/
        html, body, #app, .el-container {
            /*设置内部填充为0，几个布局元素之间没有间距*/
            padding: 0px;
            /*外部间距也是如此设置*/
            margin: 0px;
            /*统一设置高度为100%*/
            height: 100%;
        }
        .el-header {
            background-color: #B3C0D1;
            line-height: 25px;
        }
        el-aside {
            background-color: #D3DCE6;
            color: #333;
        }

        .el-main {
            background-color: #E9EEF3;
            color: #333;
        }
        .code-container {
            position: relative;
        }
        .code {
            background-color: #f4f4f4;
            font-family: 'Microsoft YaHei', sans-serif;;
            padding: 10px;
            border-radius: 5px;
            overflow-x: auto;
        }
        .copy-button {
            position: absolute;
            top: 5px;
            right: 5px;
            background-color: #007bff;
            color: #fff;
            border: none;
            border-radius: 3px;
            padding: 5px 10px;
            cursor: pointer;
        }


    </style>
    <script src="/js/vue.js"></script>
    <script src="/js/vue-router.js"></script>
    <link rel="stylesheet" href="/css/el/index.css">
    <script src="/js/el/index.js"></script>
    <script type="text/javascript" src="/js/axios/index.js"></script>
    <script type="text/javascript" src="/api/ajax.js"></script>
    <script src="js/marked/marked.js"></script>

</head>
<body>
<div id="app">
    <el-button @click="triggerUpdate('/githubProject/save')">从github查询并保存到数据库</el-button>
    <el-button @click="triggerUpdate('/githubProject/clone2local')">从github下载资源</el-button>
    <el-button @click="triggerUpdate('/githubProject/zip')">打包</el-button>
</div>

</body>
</html>
<script>
    new Vue({
        el: '#app',
        data: function () {
            return {
            }
        },
        methods: {
            triggerUpdate(url){
                axios.get(url)
            },
        },
    })
</script>
